<!DOCTYPE html>
<html>
<head>

</head>

<body>

<img src="Img/totalWeightFIN.JPG">

<div style="width:1200px">

	<div style="width:350px;float:left;padding:20px">
		<h2>
			Total Weight Bar Chart
		</h2>
		<p>
			This bar chart is the main chart created in the master thesis. 
			It shows all projects that should be measured, how much weight
			the project accumilated (in all time) and what kind of violations
			it is (if it is too many Lines Of Code or too many methods etc.).
			Additionally to the weight it also shows how many red violations it
			is within each field (is shown in a red number (Red Violations) in
			the top left corner on mouseover (when holding the mouse over a
			bar))
		</p>

		<h2>
			Name
		</h2>
		<p>
			The name of the chart/information visualized
		</p>

		<h2>
			Metric name
		</h2>
		<p>
			Above the bars the name of the metric are listed, each metric name 
			has one colour, these colours is the same as those in the bars (Metric weight).
			Same colour means the same metric, e.g., teal bar colour means Number Of Methods etc.
			The metrics are also listed in the same order as the bars are created, so from top left
			to top right and then bottom left to bottom right (this is the order the bars are created too).
		</p>
	</div>
	<div style="width:350px;float:left;padding:20px">
		<h2>
			Metric weigth
		</h2>
		<p>
			The metric weigth is the weight for one metric (one colour) in one project as can 
			be seen in the picture. The bar length is based on its weigth which 
			is shown in the same colour in the top left corner when the mouse is 
			hold over the bar.
		</p>

		<h2>
			Weight number
		</h2>
		<p>
			The weight number is the exact weight of the bar that the mouse hovered last,
			this is to make it easier to read the exact number. This number is written
			in the topmost left corner of that box.
		</p>

		<h2>
			Red violations
		</h2>
		<p>
			This number is showing how many classes that make a "bad" violation, a red one.
			The thresholds can be read in the "basic information" page. This number is only shown 
			when the mouse is hovering over a bar. If a summed (red) number is wanted then look at the
			piecharts at the right side of the main page.
		</p>
	</div>
	<div style="width:350px;float:left;padding:20px">
		<h2>
			Project name
		</h2>
		<p>
			To the left of the bars (refering to picture) the name of the specific project is written out,
			this name is clickable. When pressing the link a little more detail view is shown, with information
			about the specific project and the top ten worst classes of that project.
		</p>

		<h2>
			Project weight
		</h2>
		<p>
			Is the whole bar, the lenght is based on the weight and can be read from the "Total weight"
		</p>

		<h2>
			Total weight
		</h2>
		<p>
			This axis shows the weight and the length of the bars is based on this axis.
		</p>
	</div>
</div>


</body>
</html>